<template>
    <div class="license-overdue">
        <div class="table-type">
            <div class="table-type-item" :class="{ 'table-type-item--active': activeTableType === 0 }" @click="activeTableType = 0">预警列表</div>
            <!-- <div class="table-type-item" :class="{ 'table-type-item--active': activeTableType === 1 }" @click="activeTableType = 1">处置列表</div> -->
        </div>
        <div class="table">
            <el-table :data="tableData" border fit style="width: 100%" header-cell-class-name="table-header-cell"
            :class="tableData.length === 0 ? 'table-empty' : ''">
                <el-table-column align="center"  v-for="item in tableConfig" :key="item.prop" :prop="item.prop" :label="item.label">
                </el-table-column>
                <template v-if="operationLabel==='操作'">
                    <el-table-column align="center"  :label="operationLabel" width="300">
                        <template slot-scope="scope">
                            <div class="operation">
                                <div class="view"  @click="handleView(scope.row)">查看</div>
                                <div class="handle" @click="doView(scope.row)">处置</div>
                            </div>
                        </template>
                    </el-table-column>
                </template>
                <template v-else-if="operationLabel==='调查情况'">
                    <el-table-column :label="operationLabel" width="300">
                        <template slot-scope="scope">
                            <div class="operation">
                                <div>查看</div>
                            </div>
                        </template>
                    </el-table-column>
                </template>

            </el-table>
        </div>
<!--        <el-pagination background layout="prev, pager, next" :total="total">-->
<!--        </el-pagination>-->
      <pagination
        class="pager"
        v-show="total>0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
      />
		<el-dialog title="查看信息" :visible.sync="open" width="50%"
		    :before-close="handleClose" class="edit-dialog" top="40vh">
		  <el-form ref="form" :model="form" :rules="rules" label-width="180px">
		    <div class="edit-box">
			  <div class="citem" >
			      <img src="@/assets/fronts/round.png" class="cimage">
			      <p class="ctext" >医院名称: &nbsp;{{form.name }}</p>
			  </div>
			  <div class="citem">
			      <img src="@/assets/fronts/round.png" class="cimage">
				  <p class="ctext"  >登记号: &nbsp;{{form.registerNumber }}</p>
			  </div>
			  <div class="citem">
			      <img src="@/assets/fronts/round.png" class="cimage">
				  <p class="ctext"  >许可证截止日期: &nbsp;{{form.medicalEndDate }}</p>
			  </div>
			  <div class="citem">
			      <img src="@/assets/fronts/round.png" class="cimage">
				  <p class="ctext"  >辖区: &nbsp;{{form.medicalAreaname }}</p>
			  </div>
			  <div class="citem">
			      <img src="@/assets/fronts/round.png" class="cimage">
				  <p class="ctext" >预警日期: &nbsp;{{form.warnTime }}</p>
			  </div>
		    </div>
		  </el-form>

		</el-dialog>





      <!-- 新增 -->
      <el-dialog title="处置信息" :visible.sync="doOpen1" width="80%" :before-close="doHandleClose" class="edit-dialog"
                 top="40vh">
        <el-form ref="doform" :model="doform" label-width="100px">
          <el-row>
            <el-col :span="24" :xs="24">
              <el-form-item label="处置标题" prop="punishTitle">
                <el-input v-model="doform.punishTitle" placeholder="请输入处置标题" maxlength="30" />
              </el-form-item>
            </el-col>
            <el-col :span="24" :xs="24">
              <el-form-item label="处置内容" prop="punishContent">
                <el-input type="textarea" v-model="doform.punishContent" placeholder="请输入处置内容" maxlength="30000" />
              </el-form-item>
            </el-col>
            <el-col :span="24" :xs="24">
              <el-form-item label="处置状态" prop="punishState">
                <el-select v-model="doform.punishState"  placeholder="请选择">
                  <el-option
                    v-for="item in states"
                    :key="item.tag"
                    :label="item.label"
                    :value="item.tag"
                    :disabled="item.tag == 0"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>


            <el-col :span="12" :xs="24">
              <div class="physician-info">
                <input type="file" id="physician-info" >
                <div class="upload-content" v-for="item in fileLists" :key="item" >
                  <div class="name" :title="item">&nbsp;&nbsp;&nbsp;{{ item }}</div>
                  <label class="btn" @click="deleteFile(item)">删除文件</label>
                </div>
                <div class="upload-content" >
                  <div class="name"></div>

                  <label class="btn" for="physician-info"> <file-upload ref="modalForm" @input="files" ></file-upload></label>
                </div>

              </div>
            </el-col>
            <el-col :span="12" :xs="24">

            </el-col>
            <el-col :span="24" :xs="24">
              <p class="ctext" style="font-size: 14px;color: #666;font-weight: bold;">处置项列表</p>
            </el-col>
            <el-col :span="24" :xs="24">
              <div class="table">
                <el-table border fit style="width: 100%" header-cell-class-name="table-header-cell"
                           :data="list" @selection-change="handleSelectionChange">
                  <el-table-column type="selection" width="80" align="center" />
                  <el-table-column label="医院名称" align="center" key="name" prop="name" />
                  <el-table-column label="注册号" align="center" key="registerNumber" prop="registerNumber" />
                  <el-table-column label="到期时间" align="center" key="medicalEndDate" prop="medicalEndDate" />
                  <el-table-column label="辖区" align="center" key="medicalAreaname" prop="medicalAreaname" />
                  <el-table-column label="预警时间" align="center" key="warnTime" prop="warnTime" />
                  <template>
                    <el-table-column align="center" label="详情" width="250">
                      <template slot-scope="scope">
                        <div class="operation">
                          <div class="view"  @click="handleView2(scope.row)">查看</div>
                          <div class="handle" @click="handleState(scope.row)">处置详情</div>
                        </div>
                      </template>
                    </el-table-column>
                  </template>
                </el-table>
              </div>
              <pagination
                class="pager"
                v-show="listTotal>0"
                :total="listTotal"
                :page.sync="queryList.pageNum"
                :limit.sync="queryList.pageSize"
                @pagination="handleView"
              />
            </el-col>
          </el-row>
        </el-form>
        <pagination
          v-show="total>0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
        <div slot="footer" class="dialog-footer">
          <el-button @click="submitForm">处置</el-button>
          <el-button @click="doHandleClose">取 消</el-button>
        </div>
      </el-dialog>

      <!-- 新增 处置状态列表-->
      <el-dialog title="处置状态列表" :visible.sync="doState" width="100%" :before-close="doStateClose" class="edit-dialog"
                 top="40vh">
        <el-form ref="slist" :rules="rules" label-width="100px">
          <el-row>
            <el-col :span="24" :xs="24">
              <div class="table">
                <el-table border fit style="width: 100%" header-cell-class-name="table-header-cell"
                          :data="slist" >
                  <el-table-column label="id" align="center" key="id" prop="id" />
                  <el-table-column label="处置状态" align="center" key="punishState" prop="punishState" width="110">
                    <template slot-scope="scope">
                      <el-tag v-if="scope.row.punishState == '0'">未处置</el-tag>
                      <el-tag v-if="scope.row.punishState == '1'">处置中</el-tag>
                      <el-tag v-if="scope.row.punishState == '3'">处置完成</el-tag>
                    </template>
                  </el-table-column>
                  <el-table-column label="监督单位" align="center" key="deptName" prop="deptName" width="200"/>
                  <el-table-column label="监督部门" align="center" key="postName" prop="postName" width="200"/>
                  <el-table-column label="处置人" align="center" key="realName" prop="realName" width="120"/>
                  <el-table-column label="处置时间" align="center" key="punishTime" prop="punishTime" width="200"/>
                  <el-table-column label="建议内容" width="130">
                    <template slot-scope="scope">
                      <div class="operation">
                        <div   @click="contentFo(scope.row)">查看</div>
                      </div>
                    </template>
                  </el-table-column>

                  <el-table-column label="建议文书" width="130">
                    <template slot-scope="scope">
                      <div class="operation">
                        <div   @click="down(scope.row)">下载</div>
                      </div>
                    </template>
                  </el-table-column>

                  <el-table-column label="被处置机构" align="center" key="institutionName" prop="institutionName" width="220"
                  />
                  <el-table-column label="回复内容" width="130">
                    <template slot-scope="scope">
                      <div class="operation">
                        <div   @click="">查看</div>
                      </div>
                    </template>
                  </el-table-column>

                  <el-table-column label="回复文件" width="130">
                    <template slot-scope="scope">
                      <div class="operation">
                        <div   @click="">下载</div>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="回复时间" align="center" key="reTime" prop="reTime" width="200" />
                </el-table>
              </div>
            </el-col>
          </el-row>
        </el-form>
        <pagination
          v-show="totalWarn>0"
          :total="totalWarn"
          :page.sync="queryParamsWarn.pageNum"
          :limit.sync="queryParamsWarn.pageSize"
          @pagination="getListWarn"
        />
      </el-dialog>


      <el-dialog title="处置内容" :visible.sync="contentOpen" width="90%" :before-close="handleCloseContent" class="edit-dialog"
                 top="40vh">
        <el-form ref="form" label-width="180px">
          <div class="edit-box">
            <el-row :gutter="20">
              <el-col :span="6" :xs="24">
                <p class="ctext">处置内容:&nbsp;&nbsp;{{contentForm.punishContent }}</p>
              </el-col>
            </el-row>
          </div>
        </el-form>

      </el-dialog>


      <el-dialog title="预警详情" :visible.sync="open2" width="90%" :before-close="handleClose2" class="edit-dialog"
                 top="40vh">
        <el-form ref="form" :rules="rules" label-width="180px">
          <div class="edit-box">
            <el-row :gutter="20">
              <el-col :span="6" :xs="24">
                <p class="ctext">就诊号:&nbsp;&nbsp;{{form.preId }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext">就诊日期:&nbsp;&nbsp;{{form.preTime }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <!-- <p class="ctext">处方号:{{form.clinicId }}</p> -->
              </el-col>
              <el-col :span="6" :xs="24">
                <!-- <p class="ctext">处方日期:{{form.clinicTime }}</p> -->
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext" style="color:#4373f1;cursor: pointer;" @click="hosHandleView(form.registerNumber,form.signature)">医院:&nbsp;&nbsp;{{form.hosname }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext">就诊科室:&nbsp;&nbsp;{{form.deptname }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext">诊历:&nbsp;&nbsp;{{form.firstVisit }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext">就诊类型:&nbsp;&nbsp;{{form.medicalType }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext" style="color:#4373f1;cursor: pointer;" @click="docHandleView(form.registerNumber,form.signature)">医生姓名:&nbsp;&nbsp;{{form.doctorName }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext">医生编号:&nbsp;&nbsp;{{form.doctorCode }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext">医身身份证号:&nbsp;&nbsp;{{form.doctorIdCard }}</p>
              </el-col>
              <el-col :span="6" :xs="24">

              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext">患者姓名:&nbsp;&nbsp;{{form.patientName }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext">患者年龄:&nbsp;&nbsp;{{form.patientAge }}</p>
              </el-col>
              <el-col :span="6" :xs="24">
                <p class="ctext">患者性别:&nbsp;&nbsp;{{form.patientSex }}</p>
              </el-col>
              <el-col :span="6" :xs="24">

              </el-col>
              <el-col :span="24" :xs="24">
                <p class="ctext">主诉内容:&nbsp;&nbsp;{{form.chiefComplaint }}</p>
              </el-col>
              <el-col :span="24" :xs="24">
                <p class="ctext">疾病名称:&nbsp;&nbsp;{{form.diagnosisName }}</p>
              </el-col>

              <el-col :span="24" :xs="24">
                <div class="table">
                  <el-table border fit style="width: 100%" header-cell-class-name="table-header-cell"
                             :data="form.medicList" @selection-change="">
                    <el-table-column label="药品名称" align="center" key="projectName" prop="projectName" />
                    <el-table-column label="规格" align="center" key="medicSpec" prop="medicSpec" />
                    <el-table-column label="剂型" align="center" key="medicType" prop="medicType" />
                    <el-table-column label="单次剂量" align="center" key="medicUsedosage" prop="medicUsedosage" />
                    <el-table-column label="日数" align="center" key="medicDays" prop="medicDays" />
                    <el-table-column label="数量" align="center" key="medicQuantity" prop="medicQuantity" />
                    <el-table-column label="价格" align="center" key="price" prop="price" />
                  </el-table>
                </div>
              </el-col>
              <el-col :span="24" :xs="24">
                <p class="ctext">药品总金额:&nbsp;&nbsp;{{form.totalPrice }}</p>
              </el-col>
              <el-col :span="24" :xs="24">
                <p class="ctext">预警项</p>
              </el-col>
              <el-col :span="24" :xs="24">
                <div class="table">
                  <el-table border fit style="width: 100%" header-cell-class-name="table-header-cell"
                             :data="form.warnList" @selection-change="">
                    <el-table-column label="序号" align="center" key="id" prop="id" />
                    <el-table-column label="预警规则" align="center" key="rule" prop="rule" />
                    <el-table-column label="预警内容" align="center" key="ruleContent" prop="ruleContent" />
                  </el-table>
                </div>
              </el-col>
            </el-row>
          </div>
        </el-form>


      </el-dialog>
    </div>
</template>
<script>
  import {
    listchildBeyondWarn,
    listchildBeyondWarnDetails,
    listchildBeyondWarnList,
    listlicensedWarn
  } from "../../../../api/his/warn";
  import SubTitle from '@/components/sub-title/index.vue'
  import { listNation, getNation, delNation, addNation, updateNation, exportNation } from "@/api/system/nation";
  import { addPunish, listPunish} from "@/api/his/punish";
  import { listDockor, getDockor, delDockor, addDockor, updateDockor, exportDockor} from "@/api/his/dockor";
  import fileUpload from "@/components/FileUpload"
  import {getDockorInfo} from "../../../../api/his/dockor";
  import {getHospitalData} from "../../../../api/his/all";
  import { listAll  } from "@/api/his/doctorAll";

export default {
    name: 'LicenseOverdue',
    components: {fileUpload,listDockor, getDockor, delDockor, addDockor, updateDockor, exportDockor,SubTitle},
    data() {
        return {
          queryList:{
            registerNumber:'',
            pageNum: 1,
            pageSize: 10
          },
          contentForm: {},
          queryParamsWarn: {
            id: null,
            pageNum: 1,
            pageSize: 10
          },
          totalWarn: 0,
          slist:[

          ],
          listTotal: 0,
          queryParams: {
            id: null,
            pageNum: 1,
            pageSize: 10
          },
          list: [],
          fileList: [],
          fileLists: [],
          states:[
            {
              label:'未处置',
              tag: 0
            },
            {
              label:'处置中',
              tag: 1
            },
            {
              label:'处置完成',
              tag: 2
            }
          ],
          doform: {

          },
          contentOpen:false,
          open2: false,
          doOpen1: false,  //处置
          doState: false,  //处置状态
          docopen:false, //医生
          hosopen:false, //医院
          activeTableType: 0,
          tableConfig: [],
          tableData: [],
          // 弹出层标题
          title: "",
          total: 0,
          // 是否显示弹出层
          open: false,
          // 表单参数
          form: {},
          queryParams: {
            pageNum: 1,
            pageSize: 10,
            clinicId: null,
            time: null,
          },
          // 表单校验
          rules: {},
          ids:[]
        }
    },
  created() {
    this.getList()
  },
	methods: {
    contentFo(data) {
      this.contentOpen = true
      this.contentForm.punishContent = data.punishContent
    },
    down(data) {
      if (data.punishFile.includes(",")){
        for (let i = 0; i < data.punishFile.split(",").length; i++) {
          this.$download.resource(data.punishFile.split(",")[i])
        }
      } else {
        this.$download.resource(data.punishFile)
      }
    },
    doView(row){
      this.list.push(row)
      console.log("1111",this.list)
      this.doform = {
        punishTitle: '',
        punishContent: '',
        punishState: ''
      };
      this.fileLists = []
      this.fileList = []
      this.doform.registerNumber = row.registerNumber
      this.doform.hospitalId = row.hospitalId
      this.doform.signature = row.signature
      console.log("111", this.doform)
      this.doOpen1 = true
      this.doform.registerNumber = row.registerNumber
    },
    docHandleView(res,res1) {
      this.docopen = true;
      const queryParamDoc = {
        "registerNumber":res,
        "signature":res1,
        "pageNum":1,
        "pageSize":1}
      listAll(queryParamDoc).then(response=>{
        const rows = response.rows;
        if(rows.length){
          this.docform = rows[0];
        }
      })
    },
    //处置状态弹窗
    handleState(row){
      this.getListWarn(row.id)
      this.warnId = row.id
      this.doState = true
    },
    getListWarn(id) {
      if(id==null || id==undefined){
        id=this.warnId
      }
      this.queryParamsWarn.warnId = id
      listPunish(this.queryParamsWarn).then(response => {
        this.slist = response.rows;
        this.totalWarn = response.total;
      });
    },
    /** 查看具体操作 */
    handleView2(row) {
      this.open = true;
      // listchildBeyondWarnDetails(this.queryParams).then(response => {
      //   this.form = response.data;
      // });
      getHospitalData({"registerNumber":row.registerNumber}).then(response=>{
        const data = response.data
        this.form = {
          name:data.institutionName,
          registerNumber: data.registerNumber,
          lincenseEnd: data.lincenseEnd,
          medicalAreaname: data.medicalAreaname,
          warnTime:row.warnTime,
          medicalEndDate:data.medicalEndDate
        }
      })
    },
    files(data) {
      this.fileList.push(data);
      let listElement = this.fileList[this.fileList.length - 1];
      for (let i = 0; i < listElement.split(",").length; i++) {
        this.fileLists.push(listElement.split(",")[i])
      }
      this.fileLists = Array.from(new Set(this.fileLists))
    },
    deleteFile (data) {
      this.fileLists.splice(data, 1);
    },
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    deleteFile (data) {
      this.fileLists.splice(data, 1);
    },
    handleClose2() {
      this.open2 = false
    },
    handleCloseContent() {
      this.contentOpen = false
    },
    //处置状态关闭
    doStateClose(){
      this.doState = false
    },
    handleClose() {
      this.open = false
    },
    //处置详情关闭
    doHandleClose() {
      this.doOpen1 = false
      this.list= []
    },
		// 表单重置
		reset() {
		  this.form = {

		  };
		  this.resetForm("form");
		},

    getList() {
      const now = new Date()
      now.setDate(now.getDate() -1 )
      this.queryParams.time =  now.toISOString().slice(0,10);
      listlicensedWarn(this.queryParams).then(response => {
        this.tableData = response.rows;
        this.total = response.total;
      });
    },

	    /** 查看按钮操作 */
	    handleView(row) {
      this.open = true;
      this.form = row
      // getHospitalData({"registerNumber":row.registerNumber}).then(response=>{
      //     const data = response.data
      //     this.form = {
      //       name:data.institutionName,
      //       registerNumber: data.registerNumber,
      //       lincenseEnd: data.lincenseEnd,
      //       medicalAreaname: data.medicalAreaname,
      //       warnTime:row.warnTime
      //     }
      //   })
	    },
		handleClose() {
			this.open = false
		},
		/** 提交按钮 */
		submitForm() {
      this.doform.ids = this.ids
      console.log(this.ids.length)
      if(this.ids.length == 0){
        return this.$modal.msgError("请勾选处置项列表");
      }
      if(this.doform.punishTitle == null || this.doform.punishTitle == undefined){
        return this.$modal.msgError("处置标题必填");
      }
      if(this.doform.punishContent == null || this.doform.punishContent == undefined){
        return this.$modal.msgError("处置内容必填");
      }
      if(this.doform.punishState == null || this.doform.punishState == undefined){
        return this.$modal.msgError("处置状态必填");
      }
      if(this.fileLists.length == 0){
        return this.$modal.msgError("请上传文件");
      }
      this.doform.punishFile = this.fileLists.join(', ')
      addPunish(this.doform).then(response => {
        this.$modal.msgSuccess("处置成功");
        this.doOpen1 = false
        this.getList();
      });
		}
	},
    computed: {
        pageType() {
            if(this.$route.query.activeTab==='0') {
                if(this.activeTableType===0) {
                    return '00'
                }
                if(this.activeTableType===1) {
                    return '01'
                }
            }
            if(this.$route.query.activeTab==='1') {
                if(this.activeTableType===0) {
                    return '10'
                }
                if(this.activeTableType===1) {
                    return '11'
                }
            }
            return '00'
        },
        operationLabel() {
            if(this.activeTableType === 0) {
                return '操作'
            }else{
                return '调查情况'
            }
        }
    },
    watch: {
        '$route.query': {
            immediate: true,
            deep: true,
            handler() {
                if(this.pageType === '00'){
                this.tableConfig = [
                    {
                        prop: 'name',
                        label: '医院名称',
                    },
                    {
                        prop: 'registerNumber',
                        label: '注册号',
                    },
                    {
                        prop: 'medicalEndDate',
                        label: '许可证到期时间',
                    },
                    {
                        prop: 'medicalAreaname',
                        label: '辖区',
                    },
                    {
                        prop: 'warnTime',
                        label: '预警日期',
                    },
                ]
            }else if(this.pageType === '01') {
                this.tableConfig = [
                    {
                        prop: 'id',
                        label: '处置编号',
                    },
                    {
                        prop: 'hospital',
                        label: '医疗机构',
                    },
                    {
                        prop: 'region',
                        label: '辖区',
                    },
                    {
                        prop: 'person',
                        label: '处置人',
                    },
                    {
                        prop: 'count',
                        label: '处置条数',
                    },
                    {
                        prop: 'date',
                        label: '处置时间',
                    },
                ]
            }else if(this.pageType === '10') {
                this.tableConfig = [
                    {
                        prop: 'hospital',
                        label: '医院名称',
                    },
                    {
                        prop: 'code',
                        label: '登记号',
                    },
                    {
                        prop: 'nextCheckDate',
                        label: '下一校验日期',
                    },
                    {
                        prop: 'region',
                        label: '辖区',
                    },
                    {
                        prop: 'orgCode',
                        label: '机构识别代码',
                    },
                    {
                        prop: 'preWarningDate',
                        label: '预警日期',
                    },
                ]
            }else if(this.pageType === '11') {
                this.tableConfig = [
                    {
                        prop: 'hospital',
                        label: '医院名称',
                    },
                    {
                        prop: 'code',
                        label: '登记号',
                    },
                    {
                        prop: 'nextCheckDate',
                        label: '下一校验日期',
                    },
                    {
                        prop: 'region',
                        label: '辖区',
                    },
                    {
                        prop: 'orgCode',
                        label: '机构识别代码',
                    },
                    {
                        prop: 'preWarningDate',
                        label: '预警日期',
                    },
                ]
            }else {
                return []
            }
            }
        }
    }
}
</script>
<style scoped lang="scss">
.license-overdue {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.table-type {
    display: flex;
    align-items: center;
    margin-top: 18px;
    padding-bottom: 13px;

    &-item {
        font-weight: 500;
        font-size: 26px;
        color: #4B4B4B;
        height: 25px;
        line-height: 25px;
        margin-right: 26px;
        cursor: pointer;

        &--active {
            font-weight: bold;
            position: relative;

            &::after {
                position: absolute;
                content: "";
                width: 47px;
                height: 5px;
                bottom: -13px;
                left: 50%;
                transform: translateX(-50%);
                background: #4373F1;
                border-radius: 3px;
            }
        }
    }
}
.table {
    flex: 1;
    background-color: #fff;
    margin: 13px 0 16px;

    ::v-deep .table-header-cell {
        background-color: #EBEFF8;
        padding-left: 21px;
        font-weight: 500;
        font-size: 16px;
        color: #414141;
    }

    .el-table {
        height: 100%;
    }

    ::v-deep .el-table__cell {
        padding-left: 21px;
        font-weight: 500;
        font-size: 16px;
        color: #414141;
    }

    :v-deep .el-table__body-wrapper {
        height: 100%;
    }

    :v-deep .el-table__empty-block {
        height: 100%;
    }

    .operation {
        display: flex;
        align-items: center;
        height: 100%;

        .view {
            cursor: pointer;
            font-weight: 500;
            font-size: 16px;
            color: #414141;
            height: 16px;
            line-height: 16px;
            background-repeat: no-repeat;
            background-position: 0 center;
            margin-right: 20px;
            user-select: none;
        }

        .handle {
            margin-left: 77px;
            user-select: none;
            cursor: pointer;
            text-align: center;
            line-height: 32px;
            width: 78px;
            height: 32px;
            background: #4373F1;
            border-radius: 5px;
            font-weight: 500;
            font-size: 16px;
            color: #FFFFFF;
        }
    }

}
//新增 文件上传css
.physician-info {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#physician-info {
  display: none;
}
.upload-content {
  display: flex;
  height: 58px;
  margin-top: 20px;

  .name {
    width: 300px;
    height: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    line-height: 35px;
    padding: 0 20px;
    margin-right: 19px;
    font-weight: 500;
    font-size: 14px;
    color: #9a9a9a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .btn {
    text-align: center;
    line-height: 35px;
    width: 90px;
    height: 35px;
    background: #4373F1;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
  }
}
.edit-box {
	padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: left;

    ::v-deep .el-dialog__footer {
        display: none;
    }

	.citem{
		display: flex;
		align-items: center;
		height: 30px;
		.cimage{
			margin-right: 0px;
			width:30px;
			height: 30px;
			display:inline-block;
		}
		.ctext{
			display: inline-block;
			text-align: left;
		}
	}
}
</style>
